<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div id="box" src="这是src" title="这是title" abc="这是abc" index="这是index">hello</div>
</body>
<script>
    var obox = document.getElementById("box")

    obox.index = "js的index";
    obox.src = "js的src";

    // js自定义index
    console.log(obox.index);
    // js自定义src
    console.log(obox.src);
    // js内置
    console.log(obox.childNodes);
    console.log(obox.innerHTML);
    console.log(obox.tagName);

    // html自定义
    console.log(obox.getAttribute("index"));
    console.log(obox.getAttribute("src"));

    // html内置
    console.log(obox.id);
    console.log(obox.title);

    // html自定义
    obox.setAttribute("innerHTML", "这是html属性的自定义innerHTML");

    // js内置
    console.log(obox.innerHTML);

    // html自定义
    console.log(obox.getAttribute("innerHTML"));

    // html内置
    obox.setAttribute("title" , "哈哈哈哈哈哈哈哈");

    // html内置
    obox.removeAttribute("title");
    // html内置
    obox.removeAttribute("id");

    // html自定义
    obox.removeAttribute("abc");
    // html自定义
    obox.removeAttribute("index");

</script>
</html>